{extends file="layout.tpl"}
{block name="content"}
<div class="box-content box-detail-story">
	<h3 class="bgh3">{$box_title}</h3>
	<div class="mcontent p5">
		<h2 class="cl1">{$story['name']}</h2>
		{if $story['filename'] != ''}
			<audio controls="controls" preload="auto" style="width: 450px;margin:10px 0 0 0">
				<source src="{base_url($story['filename'])}" type="audio/mpeg">
			 	<div> Your browser does not support the audio tag.</div>
			</audio>
		{/if}
		<p class="mt10">{$story['fulltext']}</p>
		<div>
			<div class="mt10 font12 cl2"><strong>Các truyện cười khác:</strong></div>
			<ol class="">
				{foreach $other_stories as $other_story}
					<li>
						<img alt="{$other_story['name']}" src="{url path="images/icon/arrow.png"}" />
						<a class="cl1" title={$other_story['name']}" href="{$other_story['link']}">{$other_story['name']}</a> 
					</li>
				{/foreach}
			</ol>
		</div>
	</div>
	{if $story['category_id'] == 53}
	<div class="mt10">
		<h3 class="bgh3">Thể loại {$category_name}</h3>
		<div class="mcontent">
			{stories_types category_id="{$category_id}"}
				<ol class="m-list-type">
					{foreach $stories_types as $story_type}
						<li>
							<img alt="{$story_type['name']}" src="{url path="images/icon/arrow.png"}" />
							<a href="{$story_type['link_type']}" title="{$story_type['name']}">{$story_type['name']}</a>
						</li>
					{/foreach}
				</ol>
			{/stories_types}
		</div>
	</div>
	{/if}
</div>
{/block}